<template>
	<page :name="name" :padding="true" ref="pageRef" :isOpenDefaultDialog="isOpenDefaultDialog" :dialogContent="dialogContent" :dialogButtons="dialogButtons" :dialogGoUri="dialogGoUri">
		<div id="code-display-component" class="center" slot="main">
			<code-display v-bind:code="code" :infos="infos"/>
		</div>
		<div slot="question-dialog-footer">
			<slot name="questions"></slot>
		</div>		
	</page>
</template>

<script>
export default {
	props: {
		name: {
			type: String,
			required: true
		},
		code: {
			type: String,
			required: true
		},
		infos: {
		},
		dialogGoUri: {
			type: String,
		},	
		dialogContent: {
			type: String
		},
		dialogButtons: {
			type: Array,
			default: () => {
				return []
			}
		},
		isOpenDefaultDialog: {
			type: Boolean,
			default: true
		}
	},
	methods: {
		
	}
};	
</script>

<style>
#code-display-component pre {
	margin: 0
}
</style>
